<template>
	<view>
		<pageHeader :leftImgBack='false'>
			<text>提交资料</text>
		</pageHeader>
		<view class="body" :style="{height:height}">
			<view class="message" :style="{height:height1}">
				<image src="/static/img/tijiao.png" mode=""></image>
				<text>您的资料已提交到平台审核!工作人员会在三个工作日内审核完成。请留意平台消息或手机短信,也可添加平台微信号(wljiam2018)进行咨询。客服电话400-800-888</text>
			</view>
			<view class="button" v-if="is=='isStore'" @tap="back">
				<text>确定</text>
			</view>
			<view class="button" v-if="is=='isDesigner'" @tap="toHaveALook">
				<text>查看资料</text>
			</view>
			<view class="button" style="background-color: #DFDFDF;" v-if="is=='isDesigner'">
				<text style="color: #333333;" @tap="back">返回首页</text>
			</view>
		</view>
	</view>
</template>

<script>
	import pageHeader from "@/components/header/header.vue"
	export default {
		components: {pageHeader},
		data() {
			return {
				height:0,
				is:"",
				height1:0
			};
		},
		onLoad(e) {
			this.height='calc('+uni.getSystemInfoSync().windowHeight+'px - 105rpx)' 
			this.height1='calc('+uni.getSystemInfoSync().windowHeight+'px - 425rpx)'
			this.is=e.is
		},
		methods:{
			back(){
				uni.navigateBack({
					delta: 1
				})
			},
			toHaveALook(){
				uni.redirectTo({
					url: '/pages/personal/designerSettledIn?type=isLoading'
				})
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #F7F7F7;
}
.body{
	display: flex;
	position: relative;
	flex-flow: column;
	align-items: center;
	.message{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: column;
		width: 100%;
		image{
			height: 288rpx;
			width:374rpx ;
			display: block;
		}
		text{
			width: 527rpx;
			font-size: 30rpx;
			line-height: 46rpx;
			letter-spacing: 1rpx;
			margin-top: 36rpx;
			text-align: center;
		}
	}
	.button{
		height: 90rpx;
		width: 590rpx;
		border-radius: 49rpx;
		background-color: #C84739;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom:40rpx ;
		text{
			font-size: 34rpx;
			color:#FFFFFF ;
			letter-spacing: 1rpx;
			line-height: 34rpx;
		}
	}
}

</style>
